<!DOCTYPE html>
<!--[if IE 8]>			<html class="ie ie8"> <![endif]-->
<!--[if IE 9]>			<html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!-->	<html> <!--<![endif]-->
   <head>
      <meta charset="utf-8">
      <title>PHPCMS演示站</title>
	  <meta name="keywords" content="PHPCMS演示站">
      <meta name="description" content="PHPCMS演示站">
      <meta name="author" content="FIFOTHEMES.COM">
      <!-- Mobile Metas -->
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
     
      <!-- Library CSS -->
      <link rel="stylesheet" href="http://localhost/TingEn/statics/css/ting_en/css/bootstrap.css">
      <link rel="stylesheet" href="http://localhost/TingEn/statics/css/ting_en/css/fonts/font-awesome/css/font-awesome.css">
      <link rel="stylesheet" href="http://localhost/TingEn/statics/css/ting_en/css/animations.css" media="screen">
      <link rel="stylesheet" href="http://localhost/TingEn/statics/css/ting_en/css/superfish.css" media="screen">
      <link rel="stylesheet" href="http://localhost/TingEn/statics/css/ting_en/css/revolution-slider/css/settings.css" media="screen">
      <link rel="stylesheet" href="http://localhost/TingEn/statics/css/ting_en/css/prettyPhoto.css" media="screen">
      <!-- Theme CSS -->
      <link rel="stylesheet" href="http://localhost/TingEn/statics/css/ting_en/css/style.css">
      <!-- Skin -->
      <link rel="stylesheet" href="http://localhost/TingEn/statics/css/ting_en/css/colors/blue.css" id="colors">
      <!-- Responsive CSS -->
      <link rel="stylesheet" href="http://localhost/TingEn/statics/css/ting_en/css/theme-responsive.css">
      <!-- Switcher CSS -->
     <link href="http://localhost/TingEn/statics/css/ting_en/css/switcher.css" rel="stylesheet">
     <link href="http://localhost/TingEn/statics/css/ting_en/css/spectrum.css" rel="stylesheet">
      <!-- Favicons -->
      <link rel="shortcut icon" href="http://localhost/TingEn/statics/css/ting_en/img/ico/favicon.ico">
      <link rel="apple-touch-icon" href="http://localhost/TingEn/statics/css/ting_en/img/ico/apple-touch-icon.png">
      <link rel="apple-touch-icon" sizes="72x72" href="http://localhost/TingEn/statics/css/ting_en/img/ico/apple-touch-icon-72.png">
      <link rel="apple-touch-icon" sizes="114x114" href="http://localhost/TingEn/statics/css/ting_en/img/ico/apple-touch-icon-114.png">
      <link rel="apple-touch-icon" sizes="144x144" href="http://localhost/TingEn/statics/css/ting_en/img/ico/apple-touch-icon-144.png">
      <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
      <!--[if lt IE 9]>
      <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
      <script src="js/respond.min.js"></script>
      <![endif]-->
      <!--[if IE]>
      <link rel="stylesheet" href="http://localhost/TingEn/statics/css/ting_en/css/ie.css">
      <![endif]-->
   </head>
   <body class="home">
      <div class="wrap">
         <!-- Header Start -->
         <header id="header">
            <!-- Header Top Bar Start -->
            <div class="top-bar">
               <div class="slidedown collapse">
                  <div class="container">
                     <div class="phone-email pull-left">
                        <a><i class="icon-phone"></i> 联系我们 : +880 41 723 272</a>
                        <a href="#"><i class="icon-envelope"></i> Email : mail@example.com</a>
                     </div>
                     <div class="pull-right">当前时间</div>
                  </div>
               </div>
            </div>
            <!-- Header Top Bar End -->

            <!-- Main Header Start -->
            <div class="main-header">
               <div class="container">
                 
                  <!-- Logo Start -->
                  <div class="logo pull-left">
                     <h1>
                        <a href="index-2.html">
                        <img src="http://localhost/TingEn/statics/css/ting_en/img/logo.png" alt="pixma" width="125" height="60">
                        </a>
                     </h1>
                  </div>
                  <!-- Logo End -->
                  
                  <!-- Menu Start -->
                  <nav class="collapse navbar-collapse menu">
	                                  <ul class="nav navbar-nav sf-menu">
					 
                        <li><a id="current" href="http://localhost/TingEn"> 首页</a></li>
                                                <li>
                           <a href="http://localhost/TingEn/index.php?m=content&c=index&a=lists&catid=6"  class="sf-with-ul"> 走进音乐 </a>
                        </li>
                                                <li>
                           <a href="http://localhost/TingEn/index.php?m=content&c=index&a=lists&catid=7"  class="sf-with-ul"> 产品中心 </a>
                        </li>
                                                <li>
                           <a href="http://localhost/TingEn/index.php?m=content&c=index&a=lists&catid=8"  class="sf-with-ul"> 新闻动态 </a>
                        </li>
                                                <li>
                           <a href="http://localhost/TingEn/index.php?m=content&c=index&a=lists&catid=9"  class="sf-with-ul"> 联系我们 </a>
                        </li>
                                             </ul>
                                                     </nav>
                  <!-- Menu End --> 
               </div>
            </div>
            <!-- Main Header End -->
         </header>
         <!-- Header End --> 







         <!-- Content Start -->
         <div id="main">
            <!-- Slider Start轮播-->
            <div class="fullwidthbanner-container">
               <div class="fullwidthbanner rslider">
                  <ul>
                     <!-- THE RESPONSIVE SLIDE -->
                     <li data-transition="fade" data-slotamount="1" data-masterspeed="300">
                        <img src="http://localhost/TingEn/statics/images/ting_en/img/slider/slider-bg-2.jpg" data-fullwidthcentering="on" alt="">
                     </li>
                  </ul>
               </div>
            </div>
            <!-- Slider End--> 
               <br />
          

            <!-- Recent works start-->
            <div class="recentworks bottom-pad">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 animate_afl d1" style=" width:75%;">
                        <div class="portfolio-desc">
                           <h3 class="title">公司简介</h3>
                           <p>公司详细简介</p>
                           <div class="carousel-controls">
                              <a class="prev" href="#portfolio-carousel" data-slide="prev"><i class="icon-angle-left"></i></a>
                              <a class="next" href="#portfolio-carousel" data-slide="next"><i class="icon-angle-right"></i></a>
                              <div class="clearfix"></div>
                           </div>
                        </div>
                     </div>
                     <div class="col-lg-9 col-md-9 col-xs-12" style=" width:25%;">
                        <div class="row">
                           <div id="portfolio-carousel" class="portfolio-carousel slide">
                              <div class="carousel-inner">
                                 <div class="item active">
                                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 item animate_afc d2" style=" width:100%;">
                                       <div class="portfolio-item">
                                          <a href="http://localhost/TingEn/statics/images/ting_en/img/portfolio/portfolio-1.jpg" class="portfolio-item-link" data-rel="prettyPhoto" >
                                          <span class="portfolio-item-hover"></span>
                                          <span class="fullscreen"><i class="icon-search"></i></span><img src="http://localhost/TingEn/statics/images/ting_en/img/portfolio/portfolio-1.jpg" alt=" "/>
                                          </a>
                                          <div class="portfolio-item-title">
                                             <a href="single-project.html">图片名称</a>
                                          </div>
                                          <div class="clearfix"></div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="item">
                                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 item animate_afc d3" style=" width:100%;">
                                       <div class="portfolio-item">
                                          <a href="http://localhost/TingEn/statics/images/ting_en/img/portfolio/portfolio-2.jpg" class="portfolio-item-link" data-rel="prettyPhoto" >
                                          <span class="portfolio-item-hover"></span><span class="fullscreen"><i class="icon-search"></i></span><img src="http://localhost/TingEn/statics/images/ting_en/img/portfolio/portfolio-2.jpg" alt=" "/>
                                          </a>
                                          <div class="portfolio-item-title">
                                             <a href="single-project.html">图片名称</a>
                                          </div>
                                          <div class="clearfix"></div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="clearfix"></div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- Recent work end-->
           
             <!-- Latest Posts start --> 
            <div class="latest-posts">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-12 col-md-12 com-sm-12 col-xs-12">
                        <h3 class="title">顶级音响</h3>
                     </div>
                     <div class="clearfix"></div>
                     <div class="blog-showcase col-lg-12 col-md-12 col-sm-12 col-xs-12 animate_afb d1">
                        <ul>
                           <li class="">
                              <div class="blog-showcase-thumb col-lg-4" style=" width:277px;">
                                 <div class="post-body">
                                    <a class="post-item-link" href="http://localhost/TingEn/statics/images/ting_en/img/portfolio/portfolio-5.jpg" data-rel="prettyPhoto">
                                        <span class="post-item-hover"></span>
                                        <span class="fullscreen">
                                        <i class="icon-search"></i></span>
                                        <img alt="" src="http://localhost/TingEn/statics/images/ting_en/img/portfolio/portfolio-5.jpg">
                                    </a>
                                 </div>
                              </div>
                              <div class="blog-showcase-extra-info col-lg-4" style=" width:277px;">
                                 
                                 <h4><a href="#" class="title">音响名称</a></h4>
                                 <p>音响简介</p>
                                 <a href="#">Read more </a>
                              </div>
                           </li>
                           <li>
                              <div class="blog-showcase-thumb col-lg-4" style=" width:277px;">
                                 <div class="post-body">
                                    <a class="post-item-link" href="http://localhost/TingEn/statics/images/ting_en/img/portfolio/portfolio-6.jpg" data-rel="prettyPhoto"><span class="post-item-hover"></span><span class="fullscreen"><i class="icon-search"></i></span><img alt="" src="http://localhost/TingEn/statics/images/ting_en/img/portfolio/portfolio-6.jpg"></a>
                                 </div>
                              </div>
                              <div class="blog-showcase-extra-info col-lg-4" style=" width:277px;">
                                 <span><a href="#">Sep 11th, 2013</a></span>
                                 <h4><a href="#" class="title">Blog post title</a></h4>
                                 <p>Mauris sed mamassa</p>
                                 <a href="#">Read more <i class="icon-double-angle-right"></i></a>
                              </div>
                           </li>
                           <li class="blog-first-el">
                              <div class="blog-showcase-thumb col-lg-4" style=" width:277px;">
                                 <div class="post-body">
                                    <a class="post-item-link" href="http://localhost/TingEn/statics/images/ting_en/img/portfolio/portfolio-7.jpg" data-rel="prettyPhoto"><span class="post-item-hover"></span><span class="fullscreen"><i class="icon-search"></i></span><img alt="" src="http://localhost/TingEn/statics/images/ting_en/img/portfolio/portfolio-7.jpg"></a>
                                 </div>
                              </div>
                              <div class="blog-showcase-extra-info col-lg-4" style=" width:277px;">
                                 <span><a href="#">Sep 11th, 2013</a></span>
                                 <h4><a href="#" class="title">Blog post title</a></h4>
                                 <p>Mauris sed mauris massa</p>
                                 <a href="#">Read more <i class="icon-double-angle-right"></i></a>
                              </div>
                           </li>
                        </ul>
                        <div class="clearfix"></div>
                     </div>
                  </div>
                  <div class="divider"></div>
               </div>
            </div>
            <!-- Latest Posts End -->
           
         </div>
         <!-- Content End -->













  <!-- The Scripts -->
      <script src="http://localhost/TingEn/statics/js/ting_en/js/jquery.min.js"></script>
      <script src="http://localhost/TingEn/statics/js/ting_en/js/bootstrap.js"></script>
      <script src="http://localhost/TingEn/statics/js/ting_en/js/jquery.parallax.js"></script> 
      <script src="http://localhost/TingEn/statics/js/ting_en/js/modernizr-2.6.2.min.js"></script> 
      <script src="http://localhost/TingEn/statics/js/ting_en/js/revolution-slider/js/jquery.themepunch.revolution.min.js"></script>
      <script src="http://localhost/TingEn/statics/js/ting_en/js/jquery.nivo.slider.pack.js"></script>
      <script src="http://localhost/TingEn/statics/js/ting_en/js/jquery.prettyPhoto.js"></script>
      <script src="http://localhost/TingEn/statics/js/ting_en/js/superfish.js"></script>
      <script src="http://localhost/TingEn/statics/js/ting_en/js/tweetMachine.js"></script>
      <script src="http://localhost/TingEn/statics/js/ting_en/js/tytabs.js"></script>
      <script src="http://localhost/TingEn/statics/js/ting_en/js/jquery.gmap.min.js"></script>
      <script src="http://localhost/TingEn/statics/js/ting_en/js/circularnav.js"></script>
      <script src="http://localhost/TingEn/statics/js/ting_en/js/jquery.sticky.js"></script>
      <script src="http://localhost/TingEn/statics/js/ting_en/js/jflickrfeed.js"></script>
      <script src="http://localhost/TingEn/statics/js/ting_en/js/imagesloaded.pkgd.min.js"></script>
      <script src="http://localhost/TingEn/statics/js/ting_en/js/waypoints.min.js"></script>
      <script src="http://localhost/TingEn/statics/js/ting_en/js/spectrum.js"></script>
      <script src="http://localhost/TingEn/statics/js/ting_en/js/switcher.js"></script>
      <script src="http://localhost/TingEn/statics/js/ting_en/js/custom.js"></script>






         <!-- Footer Start -->
         <footer id="footer">
            <!-- Footer Top Start -->
            <div class="footer-top">
               <div class="container">
                  <div class="row">
                     <section class="col-lg-3 col-md-3 col-xs-12 col-sm-3 footer-one" style=" width:50%;">
                        <h3>走进</h3>
                        <p> 
                           Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. 
                        </p>
                     </section>
                     
                     <section class="col-lg-3 col-md-3 col-xs-12 col-sm-3 footer-three" style=" width:50%;">
                        <h3>联系我们</h3>
                        <ul class="contact-us">
                           <li>
                              <i class="icon-map-marker"></i>
                              <p> 
                                 <strong>地址:</strong> 250 Sher-E- Bangla Road, <br>
                                 Khulna, Bangladesh 
                              </p>
                           </li>
                           <li>
                              <i class="icon-phone"></i>
                              <p><strong>电话:</strong> +880 41 723 272</p>
                           </li>
                           <li>
                              <i class="icon-envelope"></i>
                              <p><strong>邮件:</strong><a href="#">info@fifothemes.com</a></p>
                           </li>
                        </ul>
                     </section>
                     
                  </div>
               </div>
            </div>
            <!-- Footer Top End --> 
            <!-- Footer Bottom Start -->
            <div class="footer-bottom">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-6 col-md-6 col-xs-12 col-sm-6 " style=" width:100%;"></div>
                  </div>
               </div>
            </div>
            <!-- Footer Bottom End --> 
         </footer>
         <!-- Scroll To Top --> 
         <a href="#" class="scrollup"><i class="icon-angle-up"></i></a>
      </div>
      <!-- Wrap End -->


      
    
   
</body>
</html>